<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css"  />
    <link rel="stylesheet" href="css/layout.css" />
    <link rel="stylesheet" href="css/top.css" />
    <link rel="stylesheet" href="css/left.css" />
    <link rel="stylesheet" href="css/right.css" />
</head>
<body>
    <div id="container">
        <div id="top">
            <div id="banner"></div>
            <div id="links">
                <ul>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">6</a></li>
                    <li><a href="#">7</a></li>
                </ul>
            </div>
        </div>
        <div id="left">
            <div id="login">
                <ul>
                    <form>
                        <li>
                            账号: <input type="text" name="userId" size="12" class="textStyle"/>
                        </li>
                        <li>
                            密码: <input type="password" name="userId" size="12" class="textStyle" checked="*"/>
                        </li>
                        <li>
                            <input name="btnStbmit" type="button" value="登录" class="btnStyle" >
                            <input name="btnReg" type="button" value="注册" class="btnStyle" >
                            <a href="#">忘记密码</a>
                        </li>
                    </form>
                </ul>
            </div>
            <div id="category">
                
                <h3>用途</h3>
                <ul>
                    <li><a href="#">爱情鲜花</a></li>
                    <li><a href="#">生日送花</a></li>
                    <li><a href="#">新年鲜花</a></li>
                    <li><a href="#">家庭用花</a></li>
                    <li><a href="#">亲情用花</a></li>
                    <li><a href="#">道歉鲜花</a></li>
                    <li><a href="#">开业花篮</a></li>
                    <li><a href="#">会议用花</a></li>
                </ul>
                
                <h3>花材</h3>
                  <ul>
                   <li><a href="#">玫瑰花</a></li>
                   <li><a href="#">百合花</a></li>
                   <li><a href="#">郁金香</a></li>
                   <li><a href="#">太阳花</a></li>
                   <li><a href="#">康乃馨</a></li>
                   <li><a href="#">马蹄莲</a></li>
                   <li><a href="#">扶朗</a></li>
                   <li><a href="#">剑兰</a></li>
                  </ul>
                
                <h3>价格</h3>
                  <ul>
                   <li><a href="#">100～200元</a></li>
                   <li><a href="#">200～300元</a></li>
                   <li><a href="#">300～400元</a></li>
                   <li><a href="#">400～500元</a></li>
                   <li><a href="#">500～600元</a></li>
                   <li><a href="#">600～800元</a></li>
                   <li><a href="#">800元以上</a></li>
               </ul>
    
            </div>
        </div>
        <div id="right">
            <div id="latest">
                <ul>
                    <li><a href="#"><img src="images/new1.jpg" /></a></li>
                    <li><a href="#"><img src="images/new2.jpg" /></a></li>
                    <li><a href="#"><img src="images/new3.jpg" /></a></li>
                </ul>
            </div>
            <div id="recomment">
                <ul>
                    <li>
                        <a href="#"><img src="images/flower1.jpg" /></a><br />幸福的味道<br />￥288元
                    </li>
                    <li>
                        <a href="#"><img src="images/flower2.jpg" /></a><br />阳光守护你<br />￥300元
                    </li>
                    <li>
                        <a href="#"><img src="images/flower3.jpg" /></a><br />温情永远<br />￥268元
                    </li>
                    <li>
                        <a href="#"><img src="images/flower4.jpg" /></a><br />爱无界<br />￥318元\
                    </li>
                    <li>
                        <a href="#"><img src="images/flower5.jpg" /></a><br />亲亲宝贝<br />￥368元
                    </li>
                    <li>
                        <a href="#"><img src="images/flower6.jpg" /></a><br />相信是缘<br />￥188元
                    </li>
                    <li>
                        <a href="#"><img src="images/flower7.jpg" /></a><br />水晶童话<br />￥198元
                    </li>
                    <li>
                        <a href="#"><img src="images/flower8.jpg" /></a><br />天使之爱<br />￥268元
                    </li>
              </ul>
                </div>
            <div id="new">
                <ul>
                    <li>
                        <a href="#"><img src="images/flower5.jpg" /></a><br />亲亲宝贝<br />
                    </li>
                    <li>
                        <a href="#"><img src="images/flower6.jpg" /></a><br />相信是缘<br />
                    </li>
                    <li>
                        <a href="#"><img src="images/flower7.jpg" /></a><br />水晶童话<br />
                    </li>
                    <li>
                        <a href="#"><img src="images/flower8.jpg" /></a><br />天使之爱<br />
                    </li>
              </ul>    
            </div>
            <div id="tips">
                <ul>
                    <li><a href="#">各种鲜花代表的含义</a></li>
                    <li><a href="#">花的喜怒哀乐与人的各种感觉</a></li>
                    <li><a href="#">养花与养生之道</a></li>
                    <li><a href="#">每天清晨的第一缕阳光</a></li>
                    <li><a href="#">花香的味道</a></li>
                    <li><a href="#">世界各地关于送花的习俗</a></li>
                    <li><a href="#">种花与送花</a></li>
                    <li><a href="#">手捧一束鲜花的等待</a></li>
                </ul>
          </div>
  
        </div>
        </div>
    </div>
</body>
</html>